<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="./css/head.css" rel="stylesheet" type="text/css"/>
</head>
<script language="javascript">

function gotourl(url) {
	if (url != "#") {
		window.open(url);
	}
}
function MM_openBrWindow(theURL, winName, features) { //v2.0
	window.open(theURL, winName, features);
}


function GetObj(objName) {
	if (document.getElementById) {
		return eval("document.getElementById(\"" + objName + "\")");
	} else {
		if (document.layers) {
			return eval("document.layers['" + objName + "']");
		} else {
			return eval("document.all." + objName);
		}
	}
}

function onMenu(index, flag) {
	for (var i = 0; i < 4; i++) {
		if (GetObj("m_" + i) && GetObj("m" + i)) {
			GetObj("m_" + i).style.display = "none";
			GetObj("m" + i).className = "MenuOff";
		}
	}
	if (GetObj("m_" + index) && GetObj("m" + index)) {
		GetObj("m_" + index).style.display = "block";
		//$(""m_" + index").slideToggle("slow");
		GetObj("m" + index).className = "MenuOn";
	}
}

function change_bg(j)
{
var leng=document.getElementsByTagName("li").length;
for(i=1;i<leng;i++)
{document.getElementById("li_"+i).className=""
}
document.getElementById("li_"+j).className="menu2_bg"
}
</script>
<style type="text/css">
.MenuOn{ background:url(./images/default_011.jpg); width: 217px; height:30px; line-height:30px; CURSOR: pointer; COLOR: #971b1b;font-size:14px; font-family:"å®ä½"; text-indent: 34px; font-weight:bold; }
.MenuOff{ background:url(./images/default_010.jpg); width: 217px; height:30px;  line-height:30px;CURSOR: pointer; COLOR: #971b1b; font-size:14px;  font-family:"å®ä½"; text-indent: 34px; font-weight:bold;}
.MenuCon_2{width:217px; height:auto !important; height:60px;min-height:60px; background:#fcf1f2;}
.MenuCon_2 ul{margin:10px 6px 10px 15px;padding:0;}
.MenuCon_2 li{width:100%;color:#2f2f2f;list-style:none;font-size:13px;line-height:175%;background:url(./images/default_026.jpg) 20px 8px no-repeat;text-indent:3em;height:22px;}
.MenuCon_2 li.menu2_bg{
width:100%;color:#633e24;list-style:none;font-weight:700;font-size:13px;line-height:175%;background:url(./images/default_026.jpg) 20px 8px no-repeat center;text-indent:3em;height:22px;}
.none{display:none;}
.block{display:block;}
</style>
<body class="body_bottom">
<div class="left">
  <div class="MenuOn" id="m0" onclick="onMenu(0)">测试jQuery.Validate插件</div>
  <div id="m_0" class="MenuCon_2 block" >
  <ul>
	<li id="li_1" onclick="change_bg('1');"><a href="validate_demo.jsp" target="main">jQuery.Validate演示</a></li>
    <li id="li_1" onclick="change_bg('2');"><a href="test_table.jsp" target="main">基本信息校验</a></li>
    <li id="li_1" onclick="change_bg('3');"><a href="test_float_div.jsp" target="main">float_div</a></li>
    <li id="li_1" onclick="change_bg('3');"><a href="test_ui_modal_form.jsp" target="main">jQuery-ui(modal-form)</a></li>
  </ul>
  </div>
  <!--
  <div class="MenuOff" id="m1" onclick="onMenu(1)">ææåºç®¡ç </div>
  <div id="m_1" class="MenuCon_2 none">
   <ul>
    <li id="li_2" onclick="change_bg('2');"><a href="cailiaoku.htm" target="main">ææåºç®¡ç</a></li>
        <li id="li_3" onclick="change_bg('3');"><a href="cailiao_new.htm" target="main">æ°å¢ææ</a></li>
   </ul>
  </div>
  -->
  
</div>
</body>
</html>
